import {checkUsername, checkPhone} from './checkFn.js'

//1. 校验用户名 - 失去焦点时校验 - blur
document.querySelector('#username').addEventListener('blur', checkUsername)

//2. 校验手机号
document.querySelector('#phone').addEventListener('blur', checkPhone)

//3. 表单提交的时候 - 校验整个表单 - submit
document.querySelector('form').addEventListener('submit', function(event){
    //判断用户名及手机号是否合法, 如果不合法, 提示错误信息;
    if(!checkUsername() || !checkPhone()){
        alert('表单数据不合法');

        //组织表单默认的提交事件
        event.preventDefault();//组织事件的默认行为
    }
})